@charset "utf-8";

/* CSS Document */ 

/* Définition des polices personnalisées */


/* Largeur Responsive Web Design */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* La propriété box-sizing (une propriété très importante) */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a:link {
	text-decoration: none;
}

/* Code for Images Responsive Web Design */
img {
	display: block;
	max-width: 100%;
	height: auto;  
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;  
}
.ico_link_cocopnr2{ 
	vertical-align: middle;
	display: inline-block;
}
.ico_link_cocopnr3{ 
	vertical-align: middle;
	display: inline-block;
	margin-left: 5px;
}
.ico_link_cocopnr3b{ 
	vertical-align: top;
	display: inline-block;
	margin-left: 5px;
}
.ico_link_cocopnr4{ 
	vertical-align: top;
	display: inline-block;
}
.ico_link_cocopnr{ 
	vertical-align: top;
	display: inline-block;
}
.ico_link_web{ 
	vertical-align: top;
	display: inline-block;
}
#ico_image {
	vertical-align: middle;
	margin-right: 0px;
}
.link_color { 
	color: #FFFFFF; 
	text-decoration: none; 
}
.comeback {
	font-family: Helvetica;
	font-size: 1.1em;
	color: maroon;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}
.pucehome { 
	vertical-align: middle;
	display: inline-block;
	margin-left: 2px;
}
.comeback2 {
	font-family: Helvetica;
	font-size: 3.8em;
	color: maroon;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

/* Eléments principaux de la page */
html, body{
	width: 100%; 
	padding: 0; 
	margin: 0;
}
body {
	background-color: #FFFFFF;
	/* background: url('img_WebApps/bg12.png'); */
	font-family: Calibri;
	/* font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif; */
	/* color: #181818; */
}

/* 
   Code Hexadécimal des couleurs utilisées 
   Orange: #FFA500;  Marron: #582900;  Noir moins fort: #181818; 
*/


/* AUTRE HEADER POUR LES AUTRES PAGES DU SITE */
#autre_page {
	width: 100%;
	height: auto;
	padding-top: 0px;
    padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 0px solid green;
	text-decoration: none;
	background-color: #CCCCCC;
    background-image: linear-gradient(#FFFFFF, #CCCCCC);
	/* background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC); */
	/* background-color: #CCC; */ 
	/* background-color: #999; */
	/* background-color: silver; Gris clair (Silver) */
	/* background-color: gray; Gris */
	/* background-color: #03224c; Bleu marine */
	/* background-color: #0186ba;    background-color: navy;   background-color: #333; */
}

/* Header (En-tête) */
header{ 
	width: 100%;
	height: auto;
	border: 0px solid orange /* #E20613 */;
}

#calendarApps {	
	width: 100%;
	height: auto;
	border: 2px solid red;
	text-decoration: none;
}
#calendarApps_2 {	
	width: 100%;
	height: auto;
	border: 2px solid blue;
	text-decoration: none;
}
#calendarApps_left, #calendarApps_right {
	border: 0px solid #09F;
    display: inline-block;
    vertical-align: top;	
}
#calendarApps_left {
    width: 72%;
	height: auto;
	margin-top: 10px;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 10px;
	background-color: #;
	border: 2px solid orange;
	border-radius: 0em;
	padding: 5px;
}
#calendarApps_right {
    width: 24%;
	height: auto;
	margin-top: 10px;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 10px;
	text-align: right;
	background-color: #;
	border: 2px solid lightgreen;
	border-radius: 0em;
	padding: 5px;
}
#div_menu_lions_1 {	
	width: 100%;
	height: auto;
	border: 0px solid red;
	/* border: 2px solid #09F; */
	text-decoration: none;
}
#menulions_left_1, #menulions_right_1 {
	border: 0px solid #09F;
    display: inline-block;
    vertical-align: top;	
}
#menulions_left_1 {
    width: 8%;
	height: auto;
	margin-top: 0px;
	margin-left: 4%;
	margin-right: 0%;	
	background-color: #;
	border: 0px solid blue;
	border-radius: 0em;
	padding: 5px;
}
#menulions_right_1 {
    width: 82%;
	height: auto;
	margin-top: 5px;
	margin-left: 0%;
	margin-right: 4%;
	text-align: right;
	background-color: #;
	border: 0px solid black;
	border-radius: 0em;
	padding: 5px;
}

#divmenu_right{
	width: 100%;
	height: auto;
	border: 0px solid blue;
}
.banner_webapps_text {
	text-align: left;
	font-family: Calibri;   /* font-family: Arial, Helvetica; */
	font-size: 2.4em;
	font-weight: normal;
	font-style: normal;
	color: maroon;
	/* color: yellow; */
	/* color: #FFFFFF; */
	text-decoration: none;
}
.banner_webapps_text2 {
	text-align: center;
	font-family: Calibri;   /* font-family: Arial, Helvetica; */
	font-size: 1.8em;
	font-weight: normal;
	font-style: normal;
	color : #696969;
	/*color : #9c9c9c;	
	/* color: #666; */
	text-decoration: none;
}
.banner_webapps_text3 {
    text-align: center;
	font-family: Calibri;   /* font-family: Arial, Helvetica; */
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	color : #696969;
	/* color : #CCCCCC; */ 
	text-decoration: none;
    /* text-shadow: 0 1px 0 #000; */
}
.menu_WebApps {	
	text-decoration: none;
	font-family: Calibri;
	font-weight: bold;
	font-size: 1.2em;
	color: #FFFFFF;
}
#bloc_page {
	width: 100%;
	margin: auto;
	border: 0px solid blue;
}

/* QR Code :: Mise en forme de la page d'informations */
#qrcode_page {
	width: 100%;
	margin: auto;
	border: 0px solid blue;
} 
#qrcode_page2 {	
	width: 100%;
	height: auto;
	border: 0px solid red;
	text-decoration: none;
}
#qrcode_pagetop {
    width: 94%;
	/*width: 27%;*/
	height: auto;
	border: 0px solid #CCCCCC;
	margin-top: 10px;
	margin-left: 2%;
	margin-right: 2%;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
.qrcode_indication{
	font-family: Calibri;
    font-size: 1.0em;
	font-weight: normal;
	color: #000;
	text-align: left;
	text-decoration: none;
	background: #EEE;
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	padding: 14px;
}
#qrcode_pagemiddle {
    width: 94%;
	/*width: 27%;*/
	height: 75px;
	margin-top: 4px;
	margin-left: 2%;
	margin-right: 2%;	
	border: 2px solid #E20613;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #FFFFFF;	
}
.qrcode_form_text{
	font-family: Calibri; 
	font-size: 1.1em; 	 
	font-weight: bold; 
	font-style: normal;
	color: #181818;
	text-align: center;
}
.qrbtnsearch{
	display: inline-block;
	width: 90px;
	font-family: Calibri;
    font-size: 0.8em;
	font-weight: normal;
	color: #000;
	text-align: center;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	padding: 4px 10px 5px 10px;
}
#qrcode_pagebottom {
	width: 94%;
	/*width: 56%;*/
	height: auto;
	margin-top: 4px;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 10px;
	border: 0px solid #09F;
}
#qrcode_pagebottom_margin{
	padding: 14px;
}
.qrcode_stg {
	font-family: Calibri;
	font-size: 1.4em;
	color: maroon;
	font-weight: bold;
	font-style: normal;
	border-bottom: 0px solid #CCCCCC;
}
.qrcode_stg2{
	font-family: Calibri; 
	font-size: 1.0em; 	 
	font-weight: bold; 
	font-style: normal;
	color: #181818;
}
.qrcode_stg3{
	font-family: Calibri; 
	font-size: 1.0em; 	 
	font-weight: normal; 
	font-style: normal;
	color: #181818;
}
#qrcode_pagebottom2 {
    width: 94%;
	/*width: 56%;*/
	height: auto;
	margin-top: 10px;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 10px;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #EEE;
}

/* Mise en forme du Formulaire de Connexion à la WebApps */
#bloc_page2 {
	width: 100%;
	margin: auto;
	border: 0px solid lightgreen;
}
section {
	border: 0px solid red;
	height: auto;
}
article {
	border: 0px solid blue;
    vertical-align: top;
    text-align: justify;
	height: auto;
}
#div_submenu2 {	
	width: 100%;
	height: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	border: 0px solid orange;
	text-decoration: none;
}
#text_div_submenu2 {	
	margin-left: 0%;
	margin-right: 0%;
	border: 0px solid green;
}
#cocopnr_section2 {
	border: 0px solid brown;
	margin-top: 30px;
}
.text_div_submenu3 {
	text-align: center;
	/* text-align: left; */
	/* font-family: Arial, Helvetica; */
	font-family: Calibri;
	/* font-family: Calibri; */
	/* font-family: "Bodoni MT"; */
	font-weight: normal;
	font-size: 2.6rem;  
	color: #333;
	letter-spacing: .3rem;
	padding: 0rem;
	margin: 0rem;
	text-decoration: none; 
}

/* Formulaire Connexion WebApps */
#div_webadmin {	
	width: 100%;
	height: auto;
	margin-top: 0px;
	border: 0px solid blue;
	text-decoration: none;
}
#div_webadmin2 {
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0px solid black;
	text-decoration: none;
}
#bloc_webadmin {	
	width: 100%;
	height: auto;
	margin-top: 40px;
	margin-bottom: 20px;
	border: 0px solid purple;
	text-decoration: none;
}
#bloc_webadmin_left, #bloc_webadmin_right {
	border: 0px solid #FFFFFF;
    display: inline-block;
    vertical-align: top;	
}
#bloc_webadmin_left {
    width: 52%;
	height: auto;
	margin-left: 0%;
	margin-right: 1%;
	background-color: #;
	border: 0px solid magenta;
	border-radius: 0em;
}
#bloc_webadmin_right {
    width: 42%;
	height: auto;
	margin-left: 0%;
	margin-right: 1%;
	background-color: #;
	border: 0px solid blue;    /* border: 2px solid #0186ba; */
	border-radius: 0em;
}
#bloc_webadmin_right2 {	
	width: 100%;
	height: auto;
	margin-top: 40px;
	margin-bottom: 10px;
	border: 0px solid purple;
	text-decoration: none;
}
#div_webadmin2b {
    width: 70%;
	/* width: 42%; */
	height: auto;
	margin-left: 0%;
	margin-right: 0%;
	/* background-color: #FFFFFF; */
	border: 0px solid orange;
	border-radius: 0em;
}
#div_webadmin3 {
    width: 53%;
	height: auto;
	margin-left: 6%;
	margin-right: 0%;
	/* background-color: #FFFFFF; */
	border: 0px solid orange;
	border-radius: 0em;
}
.webadmin_fieldset {
	border: 2px solid #444;
	/* border: 2px solid maroon; */
	/* border: 2px solid #0186ba; */
	border-radius: 1.1em;
	-moz-border-radius: 1.1em;
	-webkit-border-radius: 1.1em;
}
.webadmin_legend {
	font-family: Calibri; 
	font-size: 1.8em; 
	font-weight: bold; 
	color: maroon;
	/* color: #0186ba; */
}
.webadmin_fieldset_2 {
	border: 2px solid #444;
	border-radius: 1.1em;
	-moz-border-radius: 1.1em;
	-webkit-border-radius: 1.1em;
}
.webadmin_legend_2 {
	font-family: Calibri; 
	font-size: 1.8em; 
	font-weight: bold; 
	color: #444;
}
.webadmin_label{
	font-family: Calibri; 
	font-size: 1.4em; 	 
	font-weight: normal; 
	font-style: normal;
	color: #181818;
	text-align: left;
}
.webadmin_input{
	font-family: Calibri;
	font-size: 1.2em; 
	font-weight: normal; 
	color: #444;  /* color: #181818; */
	text-align: left;
	background-color: #FFFFFF;
	padding: 5px;	 
	border: 1px solid #999;  /* border: 1px solid #0186ba; */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.webadmin_btn_form{
	display: inline-block;
	width: 160px;
	font-family: Candara;  /* font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif; */
    font-size: 1.4em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background: maroon;
	/* background: #0186ba; */
	/* background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
    /* background-color: rgba(24,24,24,0); */	
	/* background: url('../images_full/fond_degradebleu2.png') repeat-x; */
	border: 0px solid #760001;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	padding: 4px 10px 5px 10px;
}
.webadmin_btn_form_2{
	display: inline-block;
	width: 120px;
	/* width: 160px; */
	font-family: Calibri;
	/* font-family: Candara;  /* font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif; */
    font-size: 1.1em;
	/* font-size: 1.2em; */
	/* font-size: 1.4em; */
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background: maroon;
	/* background: #0186ba; */
	/* background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
    /* background-color: rgba(24,24,24,0); */	
	/* background: url('../images_full/fond_degradebleu2.png') repeat-x; */
	border: 0px solid #760001;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	padding: 4px 10px 5px 10px;
}
.webadmin_btn_form_2b{
	display: inline-block;
	width: 120px;          /* width: 160px; */
	font-family: Candara;  /* font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif; */
    font-size: 1.2em;      /* font-size: 1.4em; */
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background: maroon;
	/* background: #0186ba; */ /* background-color: rgb(24,24,24); /* Pour les anciens navigateurs */ /* background-color: rgba(24,24,24,0); */	
	/* background: url('../images_full/fond_degradebleu2.png') repeat-x; */
	border: 0px solid #760001;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	padding: 4px 10px 5px 10px;
}
.webadmin_btn {
	font-family: Calibri; 
	font-size: 1.4em; 
	font-weight: normal; 
	color: #FFFFFF; 
	padding: 0.4em; 
	border: 2px solid #999; 
	background: maroon;
	/* background: #0186ba; */
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
.webadmin_btn_b {
	font-family: Calibri; 
	font-size: 1.3em; 
	font-weight: normal; 
	color: #FFFFFF; 
	padding: 0.3em; 
	border: 1px solid #999; 
	background: maroon;
	/* background: #0186ba; */
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
.webadmin_btn_2 {
	font-family: Calibri; 
	font-size: 1.4em; 
	font-weight: normal; 
	color: #ffd700; 
	padding: 0.4em; 
	border: 2px solid #999; 
	background: #444;
	/* background: #0186ba; */
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

/* Inscriptions */
#title_registration {
	width: 100%;
	height: auto;
	margin-top: 20px;
	background: #0186ba;
	border: 0px solid red;
	text-decoration: none;
}
#title_registration a {
	text-decoration: none;
	color: #FFFFFF;
}
#form_register{	
	text-decoration: none;
	width: 100%;
	height: auto;
	border: 0px solid red;
	margin-top: 0px;
	margin-left: 0%;
}
.form_title_register {
	font-family: Calibri; 
	font-size: 1.4em; 
	/* font-size: 1.4em;  */
	font-weight: bold; 	
	font-style: normal; 
	color: maroon;
	/* color: #181818; */
	/* color: #FFFFFF;  */
	text-align: left; 
	padding: 4px;
}
.form_title_register_adm {
	font-family: Calibri; 
	font-size: 1.1em; 
	font-weight: bold; 	
	font-style: normal; 
	color: maroon;
	/* color: #181818; color: #FFFFFF;  */
	text-align: left; 
	padding: 2px;
}
.text_form{
	font-family: Calibri; 
	/* font-size: 1.2em; */ 
	font-size: 1.2em; 	
	font-weight: normal; 
	font-style: normal;
	color: #181818;
	text-align: center;
}
.etoile_rouge{
	font-family: Calibri; 
	font-size: 1.2em; 	 
	font-weight: bold; 
	font-style: normal;
	color: #E20613;
	/* color: #E20613; color: #03224c;  color: #181818; */
	text-align: center;
}
.text_form_b{
	font-family: Calibri; 
	font-size: 1.1em; 	 
	font-weight: normal; 
	font-style: normal;
	color: #181818;
	text-align: center;
}
.text_form_b2{
	font-family: Calibri; 
	font-size: 0.9em; 	 
	font-weight: normal; 
	font-style: normal;
	color: #181818;
	text-align: center;
}
.btn_form_input_b{
	font-family: Calibri;
	font-size: 1.0em; 
	font-weight: normal; 
	color: #444;  /* color: #181818; */
	text-align: left;
	background-color: #FFFFFF;
	padding: 3px;
	/* padding: 5px; */	
	border: 1px solid #999;  /* border: 1px solid #0186ba; */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.btn_form_input_b2{
	font-family: Calibri;
	font-size: 0.9em; 
	font-weight: normal; 
	color: #444;  /* color: #181818; */
	text-align: left;
	background-color: #FFFFFF;
	padding: 5px;	 
	border: 1px solid #999;  /* border: 1px solid #0186ba; */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.btn_form_input{
	font-family: Calibri;
	font-size: 1.0em; 
	font-weight: normal; 
	color: #444;  /* color: #181818; */
	text-align: left;
	background-color: #FFFFFF;
	padding: 5px;	 
	border: 1px solid #999;  /* border: 1px solid #0186ba; */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.form_detail_paiement {
	font-family: Calibri; 
	font-size: 1.2em; 
	font-weight: bold; 	
	font-style: italic; 
	color: #181818; 
	text-align: left; 
	padding: 4px;
}
.form_paiement_rib {
	margin-left: 40px;
}
.form_paiement_rib2 {
	margin-left: 60px;
}
.btn_form{
	display: inline-block;
	width: 120px;
	font-family: Candara;  /* font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif; */
    font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background: maroon;
	/* background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
    /* background-color: rgba(24,24,24,0); */	
	/* background: url('../images_full/fond_degradebleu2.png') repeat-x; */
	border: 0px solid #760001;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	padding: 4px 10px 5px 10px;
}
.btn_form_2{
	display: inline-block;
	width: 160px;
	font-family: Candara;  /* font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif; */
    font-size: 1.4em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background: #0186ba;
	/* background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
    /* background-color: rgba(24,24,24,0); */	
	/* background: url('../images_full/fond_degradebleu2.png') repeat-x; */
	border: 0px solid #760001;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	padding: 4px 10px 5px 10px;
}

/* Mise en forme du DIV au-dessus des onglets*/
#under_banner { 	
	width: 100%; 
	height: 30px;
	margin: auto;
	border: 0px solid black;
	text-decoration: none;
}
#under_banner2, #under_banner3 {
	border: 0px solid #09F;
    display: inline-block;
    vertical-align: top;	
}
#under_banner2 { 
	width: 89%;
	height: 30px;
	margin-left: 4%;
	margin-right: 0%;
	border: 0px solid #09F;
}
#under_banner3 {
	width: 1%;
	height: 30px;
	margin-left: 0%;	
	margin-right: 4%;
	border: 0px solid red;
}
.under_banner2Text { 
	border: 0px solid maroon;
	width: 450px;
	height: auto;
	font-family: Calibri;
	font-size: 1.1em;
	font-weight: normal;
	font-style: normal;
	color: #181818;
}
.under_banner2Text2 { 
	border: 0px solid red;
	font-family: Calibri;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	color: maroon;
	/* color: #09F; */
}
.under_banner2Text3 { 
	border: 0px solid blue;
	width: 360px;
	height: auto;
	font-family: Calibri;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	color: maroon;
	/* color: #09F; */
}
.under_banner2Text4 { 
	border: 0px solid lightgreen;
	width: 320px;
	height: auto;
	font-family: Calibri;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	color: maroon;
	/* color: #663300; */
	text-align: right;
}

/* DIV de Gestion des Formations */
#contenuWebApps { 
	width: 100%;
	height: auto;
	/* height: 890px; */
	border: 0px solid magenta;
	margin: auto;
	/* background-color: #FBFCFA; */
}
#divWebApps { 
	width: 100%;
	height: auto;
	/* height: 886px; */
	border: 0px solid blue;
	margin: auto;
}
#title_WebApps {
	width: 91%; 
	height: 36px; 
	margin-top: 5px; 
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em; 
	border: 0px solid red; 
	background: orange;
	/* background: lightblue; */
	margin-left: 4%;
	/* margin-right: 7%; */
	padding: 7px;
}
.title_WebApps {	
	text-align: center;
	font-family: Calibri;   /* font-family: Arial, Helvetica; */
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;	
	color: maroon;
	/* color: #0186ba; */
	/* color: #666; */
	text-decoration: none;
	margin-left: 8px;
}
#panel_shop {	
	width: 100%;
	height: auto;
	border: 0px solid purple;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	/* background: #0186ba; */
}
#panel_shop_left, #panel_shop_right {
	border: 0px solid #09F;
    display: inline-block;
    vertical-align: top;	
}
#panel_shop_left {
    width: 17%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 4%;
	margin-right: 2%;	
	background-color: #;
	border: 0px solid magenta;
	/* border: 0px solid magenta; */
	border-radius: 0em;
}
#panel_shop_right {
    width: 72%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 0%;
	margin-right: 4%;
	text-align: left;
	background-color: #;
	border: 0px solid red;
	/* border: 0px solid red; */
	border-radius: 0em;
}
#div_EntrepriseParticulier{	
	text-decoration: none;
	width: 100%;
	height: auto;
	border: 0px solid blue;
	margin-top: 0px;
	margin-left: 0%;
}
.form_title_register {
	font-family: Calibri; 
	font-size: 1.4em; 
	font-weight: bold; 	
	font-style: normal; 
	color: maroon;
	/* color: #181818; */
	/* color: #FFFFFF;  */
	text-align: left; 
	padding: 4px;
}
#div_entreprise, #div_particulier {
	border: 0px solid #09F;
    display: inline-block;
    vertical-align: top;	
}
#div_entreprise {
    width: 48%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 1%;
	margin-right: 1.5%;	
	background-color: #;
	border: 0px solid orange;
	border-radius: 0em;
}
#div_particulier {
    width: 48%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0%;
	margin-right: 0%;
	text-align: left;
	background-color: #;
	border: 0px solid green;
	border-radius: 0em;
}
#panelshop_user {	
	width: 100%;
	height: auto;
	border: 0px solid red;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	/* background: #0186ba; */
}
#panelshop_user_menu {
    width: 100%;
	height: 237px;
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #ffd700;
	/* background-color: #0186ba; */
	/* background-color: yellow; */
	/* background-color: lightblue; */
}
#panelshop_user_left, #panelshop_user_right {
	border: 0px solid #09F;
    display: inline-block;
    vertical-align: top;	
}
#panelshop_user_left {
    width: 20%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 7%;
	margin-right: 2%;	
	background-color: #;
	border: 0px solid blue;
	border-radius: 0em;
}
#panelshop_user_right {
    width: 63%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 0%;
	margin-right: 7%;
	text-align: left;
	background-color: #;
	border: 0px solid black;
	border-radius: 0em;
}
#panel_shop_menu {
    width: 100%;
	height: 635px;
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
	/* background-color: silver; */
	/* background-color: #ffd700; */
	/* background-color: #0186ba; */
	/* background-color: yellow; */
	/* background-color: lightblue; */
}
#panel_shop_menu_p {
    width: 100%;
	height: 715px;
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
	/* background-color: silver; */
	/* background-color: #ffd700; */
	/* background-color: #0186ba; */
	/* background-color: yellow; */
	/* background-color: lightblue; */
}
#panel_shop_menu_p2 {
    width: 100%;
	height: 485px;
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
	/* background-color: silver; */
	/* background-color: #ffd700; */
	/* background-color: #0186ba; */
	/* background-color: yellow; */
	/* background-color: lightblue; */
}
#panel_shop_menu_Lite {
    width: 100%;
	height: 450px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
}
#panel_shop_menu_Lite2 {
    width: 100%;
	height: 400px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
}
#panel_content2_Form {
    width: 100%;
	height: 400px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
    /* border: 1px solid #444; */	
	background-color: #;	
}
#panel_form_stagiaire {
    width: 100%;
	height: 850px;
	/* height: 450px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
}
#panel_content2_Stagiaire {
    width: 100%;
	height: 850px;
	/* height: 450px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
    /* border: 1px solid #444; */	
	background-color: #;	
}
#stgmenu {
    width: 100%;
	height: 900px;
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
}
#stgform {
    width: 100%;
	height: 900px;
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
#panel_shop_menu_Trainer {
    width: 100%;
	height: 550px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
}
#panel_content2_Trainer {
    width: 100%;
	height: 550px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
    /* border: 1px solid #444; */	
	background-color: #;	
}
#panel_shop_menu_Trainer_b {
    width: 100%;
	height: 700px;
	/* height: 550px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
}
#panel_content2_Trainer_b {
    width: 100%;
	height: 700px;
	/* height: 550px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
    /* border: 1px solid #444; */	
	background-color: #;	
}
#panel_shop_menu_Trainer_c {
    width: 100%;
	height: 880px;
	/* height: 550px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
}
#panel_content2_Trainer_c {
    width: 100%;
	height: 880px;
	/* height: 550px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
    /* border: 1px solid #444; */	
	background-color: #;	
}
#panel_menu_formateur {
    width: 100%;
	height: 550px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
}
#panel_formateur_form {
    width: 100%;
	height: 550px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
    /* border: 1px solid #444; */	
	background-color: #;	
}
#panel_shop_menu_Trainer2 {
    width: 100%;
	height: 500px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
}
#panel_content2_Trainer2 {
    width: 100%;
	height: 500px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
    /* border: 1px solid #444; */	
	background-color: #;	
}
#panel_shop_menu_special {
    width: 100%;
	height: 410px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
}
#panel_content2_Special {
    width: 100%;
	height: 410px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
    /* border: 1px solid #444; */	
	background-color: #;	
}
#panel_shopMenu_title {
	font-family: Calibri;
	font-size: 1.6em;
	/* font-size: 1.1em; */
	color: maroon;
	/* color: #FFFFFF; */
	/* color: #181818; */
	/* color: #0186ba; */
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding: 7px;
	/* background-color: #0186ba;
	background-color: #EFF6FF; */
	border-bottom: 1px solid #CCCCCC;
}
.panel_shopMenu_title2 {
	color: maroon;
	/* color: #444; */
}
.panel_link_data {
	font-family: Calibri;
	font-size: 1.4em;
	color: #444;
	/* color: #181818; */
	/* color: #0186ba; */
	font-weight: bold;
	font-style: normal;
	text-align: left;
	padding: 7px;
}
.panel_view_title {
	font-family: Calibri;
	font-size: 1.4em;
	/* font-size: 1.1em; */
	color: #181818;
	/* color: #0186ba; */
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding: 7px;
	/* background-color: #0186ba;
	background-color: #EFF6FF; */
	border-bottom: 0px solid #CCCCCC;
}
.panel_view_title_color {
	font-family: Calibri;
	font-size: 1.4em;
	/* font-size: 1.1em; */
	color: maroon;
	/* color: #0186ba; */
	font-weight: bold;
	font-style: normal;
	text-align: left;
	padding: 7px;
	/* background-color: #0186ba;
	background-color: #EFF6FF; */
	border-bottom: 0px solid #CCCCCC;
}
.panel_view_title_2 {
	font-family: Calibri;
	font-size: 1.4em;
	/* font-size: 1.1em; */
	color: #181818;
	/* color: #0186ba; */
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding: 7px;
	margin-left: 7%;
	/* background-color: #0186ba;
	background-color: #EFF6FF; */
	border-bottom: 0px solid #CCCCCC;
}
#panel_shopMenu_text1 {
	text-decoration: none;
	font-family: Calibri;
	font-size: 1.2em;
	/* font-size: 1.1em; */
	/* color: #181818; */
	/* color: #0186ba; */
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding: 7px;
	background-color: #FFFFFF;
	/* background-color: #F0FFFF; */
	/* background-color: #EFF6FF; */
	/* background-color: #eee; */
	border-bottom: 1px solid #CCCCCC;
}
.panel_shopMenu_text1b {	
	color: #444;
	margin-left: 5px;
}
.cpt_data {
	width: 44px;
	display: inline-block;
	font-family: Arial, Helvetica;  
    font-size: 0.65em;
    font-weight: bold;
    color: #181818;
    text-align: center;
    text-decoration: none;
	border: 0px solid #FFFFFF;  /* border: 2px solid #444; */
	float: right;
    /* margin-left: 80px; */
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	padding: 2px;
	background: orange;
	/* background: #318ce7; */
    /* background: #666; */
}
.bloc_top_down_3b_btn_1{
    width: 180px;
    display: inline-block;
    font-family: Calibri;  
    font-size: 1.6em;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    border: 0px solid #FFFFFF;  /* border: 2px solid #444; */
    margin-right: 20px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 5px 18px 5px 18px;
    background: #0186ba;
}
#panel_shopMenu_text3 {
	text-decoration: none;
	font-family: Calibri;
	font-size: 1.1em;
	/* color: #181818; */
	/* color: #0186ba; */
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding: 7px;
	background-color: #FFFFFF;
	/* background-color: #F0FFFF; */
	/* background-color: #EFF6FF; */
	/* background-color: #eee; */
	border-bottom: 1px solid #CCCCCC;
}
.panel_shopMenu_text3b {	
	color: #444;
	margin-left: 5px;
}
#panel_content {
    width: 100%;
	height: 220px;
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #CCCCCC;
    background-image: linear-gradient(#eee, #CCCCCC);
	/* background-color: #ffd700; */
	/* background-color: #0186ba; */
	/* background-color: yellow; */
	/* background-color: lightblue; */
}
#panel_content_title {
	font-family: Calibri;
	font-size: 1.3em;
	color: #181818;
	/* color: #0186ba; */
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding: 10px;
	/* background-color: #0186ba;
	background-color: #EFF6FF; */
	border-bottom: 1px solid #CCCCCC;
}
#panelcontent_user {	
	width: 100%;
	height: auto;
	border: 2px solid green;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #FFFFFF;
	padding: 16px;
	/* padding: 16px; */
}
#panelcontent_user_left, #panelcontent_user_center, #panelcontent_user_center2, #panelcontent_user_right {
	border: 0px solid #09F;
    display: inline-block;
    vertical-align: top;	
}
#panelcontent_user_left {
    width: 22%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 12px;
	/* margin-bottom: 16px; */
	margin-left: 0%;
	margin-right: 3%;	
	background-color: #eee;
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
#panelcontent_user_center {
    width: 22%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 12px;
	/* margin-bottom: 16px; */
	margin-left: 0%;
	margin-right: 3%;	
	background-color: #eee;
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
#panelcontent_user_center2 {
    width: 22%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 12px;
	/* margin-bottom: 16px; */
	margin-left: 0%;
	margin-right: 3%;	
	background-color: #eee;
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
#panelcontent_user_right {
    width: 22%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 12px;
	/* margin-bottom: 16px; */
	margin-left: 0%;
	margin-right: 0%;
	text-align: left;
	background-color: #eee;
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
#panel_content_under {	
	width: 100%;
	height: auto;
	border: 0px solid blue;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #FFFFFF;
	padding: 16px;
	/* padding: 16px; */
}
#panel_contentUnder_left, #panel_contentUnder_center, #panel_contentUnder_center2, #panel_contentUnder_right {
	border: 0px solid #09F;
    display: inline-block;
    vertical-align: top;	
}
#panel_contentUnder_left {
    width: 22%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 6px;
	/* margin-bottom: 16px; */
	margin-left: 0%;
	margin-right: 3%;	
	background-color: #eee;
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
#panel_contentUnder_center {
    width: 22%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 6px;
	/* margin-bottom: 16px; */
	margin-left: 0%;
	margin-right: 3%;	
	background-color: #eee;
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
#panel_contentUnder_center2 {
    width: 22%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 6px;
	/* margin-bottom: 16px; */
	margin-left: 0%;
	margin-right: 3%;	
	background-color: #eee;
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
#panel_contentUnder_right {
    width: 22%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 6px;
	/* margin-bottom: 16px; */
	margin-left: 0%;
	margin-right: 0%;
	text-align: left;
	background-color: #eee;
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
.panel_contentUnder_text1 {
	text-decoration: none;
	font-family: Calibri;
	font-size: 1.1em;
	color: maroon;
	/* color: #03224c; */
	/* color: #181818; */
	/* color: #0186ba; */
	font-weight: bold;
	font-style: normal;
	text-align: center;
	margin-left: 0px;
	padding: 10px;
}
.panel_contentUnder_text2 {
	text-decoration: none;
	font-size: 1.4em;
}
.panel_contentUnder_text1b {
	color: #181818;
}
#panel_content_under2 {
	text-decoration: none;
	font-family: Calibri;
	font-size: 1.1em;
	/* color: #181818; */
	/* color: #0186ba; */
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding: 7px;
	background-color: #FFFFFF;
	/* background-color: #F0FFFF; */
	/* background-color: #EFF6FF; */
	/* background-color: #eee; */
	border-bottom: 1px solid #CCCCCC;
}
.panel_contentUnder2_text {	
	color: #444;
	margin-left: 25px;
}

#panel_content2 {
    width: 100%;
	height: 395px;
	/* height: 395px; */
	margin-top: 20px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
    /* border: 1px solid #444; */	
	background-color: #;	
}
#panel_content2_Lite {
    width: 100%;
	height: 450px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
    /* border: 1px solid #444; */	
	background-color: #;	
}
#panel_content3_Lite {
    width: 100%;
	height: 715px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
    /* border: 1px solid #444; */	
	background-color: #;	
}
#panel_content3_Lite2 {
    width: 100%;
	height: 485px;
	/* height: 395px; */
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
    /* border: 1px solid #444; */	
	background-color: #;	
}
.panel_contentUnder2_text {
	text-decoration: none;
	font-family: Arial, Helvetica;
	font-size: 1.3em;
	color: #181818;
	/* color: #0186ba; */
	font-weight: normal;
	font-style: normal;
	text-align: left;
	padding: 0px;
}
.panel_contentUnder2_text2 {
	text-decoration: none;
	color: maroon;
	/* color: #318ce7; Bleu de France */
	/* color: #0186ba; */
	font-weight: bold;
}
.panel_contentUnder2_text3 {
	text-decoration: none;
	color: white;
	/* color: #318ce7; Bleu de France */
	/* color: #0186ba; */
	font-weight: bold;
}
.panel_contentUnder2_text4 {
	text-decoration: none;
	color: green;
	/* color: #318ce7; Bleu de France */
	/* color: #0186ba; */
	font-weight: bold;
}

#slider_main_left {
	border: 0px solid green;
    display: inline-block;
    vertical-align: top;	
}
#slider_main_left {
    width: 100%;
}
#slider_main_left iframe {
	width: 100%;
}
.slider_dim {
	height: 330px;
	background: #eee; 
	/* background: lightgreen; */   /* background: #DCDCDC; */
	border: none;
}


#panel_content_dataTab {	
	width: 100%;
	height: auto;
	border: 0px solid lightgreen;
	text-decoration: none;
	margin-top: 30px;
	margin-bottom: 30px;
	/* background: #0186ba; */
}
#panel_content_dataTab2 {
	width: 85%;
	height: auto;
	/* height: 635px; */
	margin-top: 0px;	
	border: 2px solid #6495ed;
	/* border: 2px solid #CCCCCC; */	
	margin-left: 7%;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	/* background-color: #ffd700; */
}
#panel_content_dataTab2b {
	padding: 7px;
	border-bottom: 1px solid #6495ed;
	/* border-bottom: 1px solid #CCCCCC; */
	/* background-color: #0186ba;
	background-color: #EFF6FF; */
	
}
.panel_content_dataTab2b1 {
	font-family: Calibri;
	font-size: 1.4em;
	/* color: #181818; */
	color: #0186ba;
	font-weight: normal;
	font-style: bold;
	text-align: left;
}
.tabChiffres {
	border: 1px solid #6495ed;   /* border: 2px solid #6495ed; */
	border-collapse: collapse;
	width: 100%;
	margin: auto;
	text-align: left;
}
.thChiffres {
	font-family: Calibri;
	font-size: 1.2em;
	color: #FFFFFF;
	/* color: #0186ba; */
	font-weight: bold;
	font-style: normal;
	border: 1px dotted #6495ed;   /* border: 1px dotted #6495ed; */
	padding: 5px;
	background-color: #0186ba;
	/* background-color: #EFF6FF; */
	width: 10%;
}
.tdChiffres {
	font-family: Calibri;
	font-size: 1.0em;
	color: #444;   	/* color: #0186ba; */
	font-weight: normal;   /* font-weight: bold; */
	font-style: normal;
	border: 1px solid #6495ed;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

#panel_content3_top {	
	width: 100%;
	height: auto;
	border: 0px solid green;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 20px;
	/* background: #0186ba; */
}
#panel_content3 {
    width: 91%;
	height: auto;
	/* height: 595px; */
	margin-left: 4%;
	margin-top: 0px;	
	border: 0px solid blue; 
	/* background-color: #; */	
}
#panel_content3_div1 {
	width: 100%;
	/* width: 1276px; */	
	height: 499px; 
	border: 0px solid red;
	/* border: 2px solid #22427C; */
	margin: auto; 
	margin-top: 14px; 
	background-color: #FFFFFF;
}
#panel_content3_div2 {
	width: 100%;
	/* width: 1266px; */	
	height: auto; 
	border: 0px solid yellow;
}
#panel_content3_div3 {
	width: 100%;
	/* width: 1266px; */	
	height: 455px; 
	border: 2px solid #22427C; 
	overflow:auto;
}
#form_search_export {	
	width: 100%;
	height: 62px;
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 10px;
	background: #eee;
	/* padding: 16px; */
}
#form_search_export_left, #form_search_export_right {
	border: 0px solid #09F;
    display: inline-block;
    vertical-align: top;	
}
#form_search_export_left {
    width: 87%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	/* margin-bottom: 16px; */
	margin-left: 0%;
	margin-right: 1%;	
	/* background-color: #eee; 
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	*/
}
#form_search_export_right {
    width: 11%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	/* margin-bottom: 16px; */
	margin-left: 0%;
	margin-right: 0%;	
	/* background-color: #eee;
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	*/
}
.btn_search_form{
	font-family: Calibri;
	font-size: 1.2em; 
	font-weight: bold; 
	color: #FFFFFF;  /* color: #181818; */
	text-align: right;
	background-color: maroon;
	/* background-color: #0186ba; */
	padding: 5px;	 
	border: 2px solid #999;  /* border: 1px solid #0186ba; */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.btn_search_form_b{
	font-family: Calibri;
	font-size: 1.0em; 
	font-weight: bold; 
	color: #FFFFFF;  /* color: #181818; */
	text-align: right;
	background-color: maroon;
	/* background-color: #0186ba; */
	padding: 5px;	 
	border: 2px solid #999;  /* border: 1px solid #0186ba; */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.btn_export_form_b{
	font-family: Calibri;
	font-size: 1.0em; 
	font-weight: bold; 
	color: orange;  /* color: #181818; */
	text-align: right;
	background-color: #444;
	padding: 5px;	 
	border: 2px solid #999;  /* border: 1px solid #0186ba; */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.btn_export_form{
	font-family: Calibri;
	font-size: 1.2em; 
	font-weight: bold; 
	color: orange;  /* color: #181818; */
	text-align: right;
	background-color: #444;
	padding: 5px;	 
	border: 2px solid #999;  /* border: 1px solid #0186ba; */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#panel_content3_div4 {
	
}
#panel_content3b {
	width: 85%; 
	height: 36px; 
	margin-top: 5px; 
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em; 
	border: 0px solid red; 
	background: lightblue;
	margin-left: 7%;
	/* margin-right: 7%; */
	padding: 7px;
}

#panel_content_form {
    width: 100%;
	height: auto;
	margin-top: 0px;	
	border: 1px solid #CCCCCC;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background-color: #ffd700;
	/* background-color: #0186ba; */
	/* background-color: yellow; */
	/* background-color: lightblue; */
}
#panel_content_form2 {	
	width: 100%;
	height: auto;
	border: 0px solid blue;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 7px;
	background: #FFFFFF;
	padding: 7px;
}
.text_form{
	font-family: Calibri; 
	font-size: 1.2em; 	 
	font-weight: normal; 
	font-style: normal;
	color: #181818;
	text-align: center;
}
.text_form_2{
	font-family: Calibri; 
	font-size: 1.2em; 	 
	font-weight: bold; 
	font-style: normal;
	color: #03224c;
	/* color: #181818; */
	text-align: center;
}
.text_form_2b{
	font-family: Calibri; 
	font-size: 1.0em; 	 
	font-weight: bold; 
	font-style: normal;
	color: #03224c;
	/* color: #181818; */
	text-align: center;
}
.btn_form_input{
	font-family: Calibri;
	font-size: 1.0em; 
	font-weight: normal; 
	color: #444;  /* color: #181818; */
	text-align: left;
	background-color: #FFFFFF;
	padding: 5px;	 
	border: 1px solid #999;  /* border: 1px solid #0186ba; */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.btn_register_form{
	font-family: Calibri;
	font-size: 1.3em; 
	font-weight: normal; 
	color: #FFFFFF;  /* color: #181818; */
	text-align: right;
	background-color: #0186ba;
	padding: 10px;	 
	border: 2px solid #999;  /* border: 1px solid #0186ba; */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.btn_register_form2{
	font-family: Calibri;
	font-size: 1.3em; 
	font-weight: normal; 
	color: #FFFFFF;  /* color: #181818; */
	text-align: right;
	background-color: #0186ba;
	padding: 5px;	 
	border: 0px solid #999;  /* border: 1px solid #0186ba; */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#panel_content_commande {	
	width: 100%;
	height: auto;
	border: 0px solid orange;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 30px;
	/* background-color: #ffd700; */
	/* background: #0186ba; */
}
#panel_content_commande2 {
	width: 100%;
	height: auto;
	/* height: 635px; */
	margin-top: 0px;
	border: 2px solid #6495ed;	
	/* border: 2px solid red; */
	/* border: 2px solid #CCCCCC; */	
	margin-left: 0%;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	/* background-color: #ffd700; */
}
#panel_content_commande2b {
	padding: 7px;
	border-bottom: 1px solid #6495ed;
	/* border-bottom: 1px solid #CCCCCC; */
	/* background-color: #0186ba;
	background-color: #EFF6FF; */
	
}
.panel_content_commande2b1 {
	font-family: Calibri;
	font-size: 1.4em;
	/* color: #181818; */
	color: #0186ba;
	font-weight: normal;
	font-style: bold;
	text-align: left;
}
.tab_commande {
	border: 1px solid #6495ed;   /* border: 2px solid #6495ed; */
	border-collapse: collapse;
	width: 100%;
	text-align: left;
}
.th_commande {
	font-family: Calibri;
	font-size: 1.2em;
	color: #FFFFFF;
	/* color: #0186ba; */
	font-weight: bold;
	font-style: normal;
	border: 1px dotted #6495ed;   /* border: 1px dotted #6495ed; */
	padding: 5px;
	background-color: #0186ba;
	/* background-color: #EFF6FF; */
	width: 10%;
}
.td_commande {
	font-family: Calibri;
	font-size: 1.0em;
	color: #444;   	/* color: #0186ba; */
	font-weight: normal;   /* font-weight: bold; */
	font-style: normal;
	border: 1px solid #6495ed;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

#panel_content_above {	
	width: 100%;
	height: auto;
	border: 0px solid black;
	text-decoration: none;
	margin-top: 20px;
	margin-bottom: 30px;
	/* background-color: #ffd700; */
	/* background: #0186ba; */
}
#panel_content_above2 {
	width: 100%;
	height: auto;
	/* height: 635px; */
	margin-top: 0px;
	border: 2px solid #6495ed;	
	/* border: 2px solid red; */
	/* border: 2px solid #CCCCCC; */	
	margin-left: 0%;
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	/* background-color: #ffd700; */
}
#panel_content_above2b {
	padding: 7px;
	border-bottom: 1px solid #6495ed;
	/* border-bottom: 1px solid #CCCCCC; */
	/* background-color: #0186ba;
	background-color: #EFF6FF; */
	
}
.panel_content_above2b1 {
	font-family: Calibri;
	font-size: 1.4em;
	/* color: #181818; */
	color: #0186ba;
	font-weight: normal;
	font-style: bold;
	text-align: left;
}
.tab_above {
	border: 1px solid #6495ed;   /* border: 2px solid #6495ed; */
	border-collapse: collapse;
	width: 100%;
	text-align: left;
}
.th_above {
	font-family: Calibri;
	font-size: 1.2em;
	color: #FFFFFF;
	/* color: #0186ba; */
	font-weight: bold;
	font-style: normal;
	border: 1px dotted #6495ed;   /* border: 1px dotted #6495ed; */
	padding: 5px;
	background-color: #0186ba;
	/* background-color: #EFF6FF; */
	width: 10%;
}
.td_above {
	font-family: Calibri;
	font-size: 1.0em;
	color: #444;   	/* color: #0186ba; */
	font-weight: normal;   /* font-weight: bold; */
	font-style: normal;
	border: 1px solid #6495ed;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}
#tab_title {
	width: 100%; 
	height: auto; 
	border: 2px solid lightgreen;
}
#tab_data {
	overflow: auto;
	width: 100%; 
	/* height: 325px; */
	height: auto;	
	border: 2px solid red;
	/* border: 1px solid #22427C; */	
}
.tab_prog_download_2{
    width: 260px;
    display: inline-block;
    font-family: Calibri;  
    font-size: 1.1em;
    font-weight: normal;
    color: yellow;
    text-align: center;
    text-decoration: none;
    border: 2px solid #444;  /* border: 2px solid #FFFFFF; */
    margin-right: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
	background-color: #444;
    /* background: #0186ba; */
}


/* FOOTER WebApps */
#footer_webapps {
	width: 100%;
	height: auto;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 0px;
	border: 0px solid red;
	text-decoration: none;
	background-color: #eee;
    background-image: linear-gradient(#CCCCCC, #eee);
	/* background-color: #03224c; */
	/* background-color: #666; */
	/* background-color: #03224c; /* Bleu marine */
	/* background-color: #0186ba;    background-color: navy;   background-color: #333; */
}

/* MEDIA QUERIES */